<template>
	<Grid :col="3" :border="false" padding="5px">
	  <GridItem> <Input  placeholder="请输入日志编号" /></GridItem>
	  <GridItem><Input  placeholder="请输入系统模块" /></GridItem>
	  <GridItem><Input  placeholder="请输入操作人员" /></GridItem>
	  <GridItem> <Input  placeholder="请输入IP地址" /></GridItem>
	  <GridItem><Input  placeholder="请输入操作地点" /></GridItem>
	  <GridItem>
		  <Select style="width:100%" clearable  placeholder="请选择操作状态">
			  <Option v-for="item in statusList" :value="item.value" :key="item.value">{{ item.label }}</Option>
		  </Select>
	  </GridItem>
	  <GridItem>
		  <Select style="width:100%" clearable  placeholder="请选择操作方式">
			  <Option v-for="item in methodList" :value="item" :key="item">{{ item }}</Option>
		  </Select>
	  </GridItem>
	  <GridItem> <DatePicker type="daterange" confirm placement="bottom-end" placeholder="请选择操作时间" style="width: 100%;"/></GridItem>
	  <GridItem><Button icon="md-search" type="primary">查询</Button></GridItem>
	</Grid>
	
</template>

<script>

export default {
	data() {
		return {
			statusList: [{label: '成功',  value: 1},  {label: '异常', value : 0}], 
			methodList: ["GET", "POST", "PUT", "DELETE", "OPTIONS"]
		}
	}
}

</script>

<style>
</style>